import React from 'react';

function DrawerFooter({ children, topGap = '49px' }) {
  return (
    <>
      <div style={{ height: topGap }} />
      <div
        style={{
          '--form-item-m-margin-b': '0px',
          position: 'absolute',
          bottom: 0,
          zIndex: 10,
          width: '100%',
          borderTop: 'var(--drawer-title-border-width, 1px) var(--line-solid, solid) var(--drawer-title-border-color, #DCDEE3)',
          padding: '10px 16px',
          textAlign: 'right',
          left: 0,
          background: 'var(--drawer-title-bg-color, #fff)',
        }}
      >
        {children}
      </div>
    </>
  );
}

export default DrawerFooter;
